@import url('assets/style/theme.less');
@import url('assets/style/mixin.less');

.packageRzIndex {
  background-color: #f5f7f9;
  height: 100vh;
  position: relative;

  .topBgBox {
    position: relative;
    overflow: hidden;
    height: 300px;
    margin-bottom: -160px;

    &-bg {
      position: absolute;
      bottom: 0;
      left: -30vw;
      height: 600px;
      width: 160vw;
      border-radius: 0 0 50% 50%;
    }

    &-bg-lanjing,
    &-bg-noMember {
      background: linear-gradient(93deg, #60a1fe 0%, #5a95ff 100%);
    }

    &-bg-chijing {
      background: linear-gradient(107deg, #f6c1ba 0%, #c9e1d3 100%);
    }

    &-bg-shuangchong {
      background: linear-gradient(119deg, #ffd9b0 0%, #d29e68 100%);
    }

    // background: linear-gradient(#77b7fd, #e5f1fc, #f4f6fc);
  }

  .homeContent {
    position: relative;
    z-index: 1;
    padding: 0 32px;
  }
}
